<!doctype html>
<html>
	<head>
		<title> Test PUI style with angular -- rating </title>
		<link rel="stylesheet" href="../jquery-ui/jquery-ui-1.9.2.custom.min.css" />
		<link rel="stylesheet" href="../production/primeui-1.0-min.css" />
		<link rel="stylesheet" href="../themes/aristo/theme.css" />
	</head>

	<body ng-controller="MainCtrl">

	<h2>Default</h2>
	<div ng-model="obj.aa" ng-disabled="ctrl.isGray" 
		pui-rating="" data-num="10"></div>
	<br />
	{{obj.aa}}

	<script type="text/javascript" src="angular.min.js"></script>
	<script type="text/javascript" src="underscore.min.js"></script>
	<script type="text/javascript" src="base.js"></script>
	<script type="text/javascript" src="all.js"></script>
	<script language="javascript">
	var md = angular.module('md', ['pui']);

	md.controller('MainCtrl', function($scope, $timeout){
		$scope.obj = {aa: 6};
		$scope.ctrl = {isGray: true};
		$timeout(function(){
			$scope.obj.aa = 3;
			$scope.ctrl.isGray = false;
		}, 1000 * 3);
	});

	angular.bootstrap(document, ['md']);
	</script>
	</body>
</html>